<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>EaglesTroop</title>
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/foundation.css">
</head>
<body>
	<!-- 头部，导航栏，logo等 -->
<div class="header">
		<div class="header-inner">
			<div class="header-left">
				<a class="logo" href="#"></a>
				<div class="title"></div>
			</div>
			<div class="navbar">
				<a href="#" class="navone">Foundation</a>
				<a href="#" class="navtwo">Program</a>
				<a href="#" class="navthree">Leaders</a>
				<a href="#" class="navfour">Gallery</a>
				<a href="#" class="navfive">Contacts</a> 
        		<a href="#" class="navsix ">About</a>
            </div>
		</div>
	</div>	<!-- 主体部分 -->
	<div class="content">
		<div class="content-inner">
			<div class="content-top"> <!-- 主体部分的上半部分，三张图片 -->
				<div class="pic picjoin">
					<div class="morew"><a href="#">more</a></div>
				</div>
				<div class="pic picspr">
					<div class="morew"><a href="">more</a></div>
				</div>
				<div class="pic picsum">
					<div class="morew"><a href="">more</a></div>
				</div>
			</div>
			<div class="content-left"><!-- 主体部分的左边部分，定义为content-left -->
				<div class="content-title">Foundation</div>
				<div class="textone"> 
					<strong><p><span>Lorem ipsum dolor sit amet,consetetr sadipscing elitr</span> sed diam nonumy eirmod tempor invidunt ut labore magna aliquyam erat,sed diam voluptua.At vero sos et accusam et justo duo dolores et ea rebum.Stet clita kasd gubergren,no sea takimata sanctus ipsum dolor sit amet.</p>
					<p class="second">Stet clita kasd gubergren,no sea takimata sanctus est Lorem ipsum dolor sit amet lorem ipsum dolor sit amet.</p></strong>
				</div>
				<div class="con-left-bottom">
					<img src="images/littleboy.png" alt="">
                    <div class="texttwo">
                    	Lorem ipsum dolor Lorem ipsum dolor sit amet,consetetr sadipscing elitr sed diam nonumy eirmod tempor invidunt ut labore magna aliquyam erat,sed diam voluptua.At vero sos et accusam et justo duo dolores et ea rebum.Stet clita kasd gubergren,no sea takimata sanctus ipsum dolor sit amet.
                    	Stet clita kasd gubergren,no sea takimata sanctus est Lorem ipsum dolor sit amet lorem ipsum dolor sit amet.
                    	justo duo dolores et ea rebum.Stet clita kasd gubergren,no sea takimata sanctus ipsum dolor sit amet.
                    	Stet clita kasd gubergren,no sea takimata sanctus est Lorem ipsum dolor sit amet lorem ipsum dolor sit amet.
                    </div>
                	<a href="#" class="more moreone"></a>
                </div>
			</div>
			<div class="sidebar"><!-- 主体部分的右半边部分，定义名字为sidebar -->
				<div class="our"><span class="sidebar-title">Honor Roll</span></div>
				<div class="textthree">
					justo duo dolores et ea rebum.Stet clita kasd gubergren,no sea takimata sanctus ipsum dolor sit amet.
                    Stet clita kasd gubergren,no sea takimata sanctus est Lorem ipsum dolor sit amet lorem ipsum dolor sit amet.
				</div>
				<ul>
					<li><a href="#">2005</a>Bryce Dallas Howard</li>
					<li><a href="#">2006</a>Gwen Stacy</li>
					<li><a href="#">2007</a>Rohufg harris</li>
					<li><a href="#">2008</a>May Parker</li>
					<li><a href="#">2009</a>J.Ksimmous</li>
					<li><a href="#">2010</a>J.Jonah Jdhioj</li>
					<li><a href="#">2011</a>James Cromwell</li>
					<li><a href="#">2012</a>Terese Russel</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="footer">
		<div class="copyright">
			<span class="eag">
				<p>Eagles Troops © 2012</p>
				<p><a href="#">Website Template</a>by TemplateMonster.com</p>
			</span>
		</div>
		<div class="tubiao">
			<a class="icon iconone" href="#"></a>
			<a class="icon icontwo" href="#"></a>
			<a class="icon iconthree" href="#"></a>
			<a class="icon iconfour" href="#"></a>
		</div>		
	</div>
</body>
</html>